<ui:composition 
    xmlns="http://www.w3.org/1999/xhtml" 
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui"
    xmlns:pe="http://primefaces.org/ui/extensions"
    xmlns:h="http://java.sun.com/jsf/html">
    <h:form id="frmDetalleInstancia" onkeypress="if (event.keyCode == 13) return false;">
        <p:panel id="panelInstancia">
            <table style="border-spacing: 5px;width: 100%" >
                <tbody>
                    <tr>
                        <td style="width: 100px;"><h:outputLabel value="Id:" /></td>
                        <td colspan="2">
                            <p:inputText  value="#{instanciaController.bean.id}" style="width: 100px" disabled="true" styleClass="disabled">
                            </p:inputText>
                        </td>
                </tr>
                <tr>
                    <td><h:outputLabel value="Instancia :" /></td>
                    <td colspan="2">
                        <p:inputText value="#{instanciaController.bean.txtInstancia}" style="width: 250px;" 
                                     maxlength="50" required="true" requiredMessage="Debe ingresar la Instancia" >
                            <pe:keyFilter regEx="/[A-ZÑ 0-9.]/i"/>
                        </p:inputText>
                    </td>
                </tr>
                <tr>
                    <td><h:outputLabel value="Tipo de Instancia :" /></td>
                    <td colspan="2">
                    <p:selectOneMenu style="width: 250px;" value="#{instanciaController.bean.tipInstancia}" 
                                     required="true" requiredMessage="Debe seleccionar el Tipo de Instancia">
                            <f:selectItems value="#{instanciaController.lstTipoInstancia}" var="tipoinstancia" itemValue="#{tipoinstancia.txtValor}" itemLabel="#{tipoinstancia.txtParametro}"/> 
                        </p:selectOneMenu>
                    </td>
                </tr>
                <tr>
                    <td><h:outputLabel value="Estado :" /></td>
                    <td colspan="2">
                        <p:selectOneMenu style="width: 80px" 
                                         id="SEstado" 
                                         value="#{instanciaController.bean.flgActivo}" 
                                         required="true" 
                                         requiredMessage="El estado es requerida." 
                                         >
                            <f:selectItem itemLabel="Activo" itemValue="1" />
                            <f:selectItem itemLabel="Inactivo" itemValue="0" />
                        </p:selectOneMenu>
                    </td>
                </tr>        
                <tr>
                    <td colspan="3"><br/></td>
                </tr>
                </tbody>   
                <tfoot>
                    <tr>
                        <td colspan="5">
                            <p:toolbar style="padding: 3px;">
                                <p:toolbarGroup align="right">
                                    <p:commandButton style="margin-right: 40px;" value="Grabar" icon="ui-icon-disk" 
                                                     update=":frmGestionarInstancia, :frmGestionarInstancia:msjFiltro" 
                                                     actionListener="#{instanciaController.saveInstancia}"/>
                                    <p:commandButton process="@this" 
                                                     update=":frmGestionarInstancia, :frmGestionarInstancia:msjFiltro" 
                                                     value="Cerrar" icon="ui-icon-close" 
                                                     onclick="editarContenidoInstancias.hide()"/>
                                </p:toolbarGroup>
                            </p:toolbar>
                        </td>
                    </tr>
                </tfoot>
            </table>  
        </p:panel>
        <p:messages id="mensaje" showDetail="true" showSummary="false"/>
    </h:form>
</ui:composition>
